<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">

    <title>jQuery Validate Example | aLittleCode</title>
    
	  <meta name="viewport" content="width=device-width">

    <link href="style.css" rel="stylesheet">

  </head>
  <body>
		<div class="container">
		    <div class="page-header">
			    <h1>jQuery Validate Example</h1>
			    <p>with styles from Twitter Bootstrap</p>
		    </div>
				<div class="row">
				<div class="span8">
					<form action="" id="contact-form" class="form-horizontal">
					  <fieldset>
					    <legend>Sample Contact Form <small>(will not submit any information)</small></legend>
					    <div class="control-group">
					      <label class="control-label" for="name">Your Name</label>
					      <div class="controls">
					        <input type="text" class="input-xlarge" name="name" id="name">
					      </div>
					    </div>
					    <div class="control-group">
					      <label class="control-label" for="email">Email Address</label>
					      <div class="controls">
					        <input type="text" class="input-xlarge" name="email" id="email">
					      </div>
					    </div>
					    <div class="control-group">
					      <label class="control-label" for="subject">Subject</label>
					      <div class="controls">
					        <input type="text" class="input-xlarge" name="subject" id="subject">
					      </div>
					    </div>
					    <div class="control-group">
					      <label class="control-label" for="message">Your Message</label>
					      <div class="controls">
					        <textarea class="input-xlarge" name="message" id="message" rows="3"></textarea>
					      </div>
					    </div>
              <div class="form-actions">
		            <button type="submit" class="btn btn-primary btn-large">Submit</button>
    			      <button class="btn">Cancel</button>
        			</div>
					  </fieldset>
					</form>
				</div><!-- .span -->
				<div class="offset1 span3">
					<div class="well">
						<h2>Links</h2>
						<h3>Validate Plugin</h3>
						<ul>
							<li><a href="http://docs.jquery.com/Plugins/Validation/">jQuery Validate Plugin</a></li>
							<li><a href="http://docs.jquery.com/Plugins/Validation/validate#toptions">Plugin Options</a></li>
							<li><a href="http://bassistance.de/jquery-plugins/jquery-plugin-validation/">Author's Plugin Page</a></li>
							<li><a href="https://github.com/jzaefferer/jquery-validation">Github Repository</a></li>
						</ul>
						<h3>Other Assets</h3>
						<ul>
							<li><a href="http://webdesign.tutsplus.com/freebies/exclusive-freebie-the-kudos-web-icon-set/">Kudos Web Icons (free)</a></li>
							<li><a href="http://twitter.github.com/bootstrap/">Twitter Bootstrap</a></li>
						</ul>
					</div>
				</div><!-- .span -->
			</div><!-- .row -->

      <hr>

      <footer>
        <p>By David Cochran of <a href="http://alittlecode.com/">aLittleCode.com</a>. Free for your use! (No warranties, no guarantees.)</p>
      </footer>


    </div> <!-- .container -->

<!-- ==============================================
		 JavaScript below! 															-->

<!-- jQuery via Google + local fallback, see h5bp.com -->
	  <script src="assets/js/jquery-1.7.1.min.js"></script>

<!-- Validate plugin -->
		<script src="assets/js/jquery.validate.min.js"></script>
    
<!-- Scripts specific to this page -->
		<script src="script.js"></script>

  </body>
</html>
